<template>
	<view class="home-search" @click="toSearchPage()">
		<view class="main">
			<view class="text">搜索</view>
		</view>
	</view>
</template>
<script lang="ts" setup>
const toSearchPage = () => {
  console.log('000');
  uni.navigateTo({ url: 'home/home-search/home-search' });
};
</script>

<style lang="less" scoped>
	.home-search {
		display: flex;
		justify-content: center;
		padding: 0 @themeMargin;

		.main {
			width: 100%;
			height: 64rpx;
 			background: rgba(255, 255, 255, 0.3);
			border-radius: 32rpx 32rpx 32rpx 32rpx;
 			display: flex;
			align-items: center;
			padding: 0 24rpx;

			.text {
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #fff;

			}
		}
	}
</style>
